<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/detail.css">
    <title>商品详情</title>
</head>

<body>
    <div class="head"></div>

    <div class="product_box" id="product_box">

    </div>

    <script type="text/html" id="productTemplate">
        <p class="bred"><a href="/index.html">首页</a>> <a href="#">{{name}}</a></p>

        <!-- 商品主要信息 -->
        <div class="clearfix product_content">

            <!-- 商品左边内容 -->
            <div class="fl product_content_l clearfix">
                <!-- 中图 -->
                <div class="mid_pic">
                    <a href="#">
                        <img src="{{photo[0].img}}" alt="" class="zoom-image fl">
                    </a>
                </div>

                <!-- 小图 -->
                <div class="small_img clearfix">
                    <div class="small_list fl">

                        <a href="#" class="lbtn block fl"></a>
 
                        <div class="small_box fl">
                            <ul class="list" id="gal1">
                                {{each photo item}}
                                <li class="fl">
                                    <a href="javascript:;" data-image="{{item.img}}" data-zoom-image="{{item.img}}">
                                        <img src="{{item.img}}" alt="" class="small_item fl iblock">
                                    </a>
                                </li>
                                {{/each}}
                            </ul>
                        </div>

                        <a href="#" class="rbtn block fr"></a>

                    </div>
                </div>

                <!-- 礼品编号 复制链接 分享 收藏 -->
                <div class="clearfix">
                    <div class="fl itemNum">商品编号：<span class="itemNum">{{shopnum}}</span></div>
                    
                    <div class="fr clearfix itemShare">
                        <span class="iblock fl">
                            <i class="copyLink fl iblock"></i>
                            <a href="#" class="iblock fl clw">复制链接</a>
                        </span>

                        <span class="iblock fl share_content">
                            <i class="shareico fl iblock"></i>
                            <a href="#" class="iblock fl ">分享</a>
                        </span>

                        <span class="iblock fl">
                            <i class="collectico fl iblock " id="heart"></i>
                            <a href="#" class="iblock fl ">未收藏</a>
                        </span>

                    </div>
                </div>

                <!-- 图片仅供参考 -->
                <div class="clearfix">
                    <span>图片仅供参考，实际兑换礼品请以实物或您获取的服务为准</span>
                </div>
            </div>


            <!-- 商品中间内容 -->
            <div class="fl product_content_c">
                <!-- 商品名称 -->
                <p class="centerTit">
                    {{tit}}
                    <span class="note">
                        {{each describe item }}
                        <i>{{item.txt}}</i>
                        {{/each}}
                    </span>
                </p>
                <!-- 重要提示 -->
                <p class="important_note">
                        重要提示：非质量问题不接受退换货，产品如有质量问题或使用咨询，请拨打售后服务热线：400 678 0815，新老版本更换中，新老版本随机发货！
                </p>

                <!-- 商品质量 -->
                <div class="priceScore">
                    <!-- 所需积分 -->
                    <div class="clearfix">
                        <span class="fl">
                                积&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;分：

                                <span class="CashInt CIClick">
                                    <span class="scoreprice">
                                        {{price}}
                                    </span>
                                </span>
                    
                        </span>
                    </div>

                    <!-- 礼品质量 -->
                    <div class="clearfix relat">
                        <span class="fl">礼品质量：</span>
                        <i class="fl star star-bg"></i>
                        <span class="fl fs">1.1</span>
                    </div>

                    <!-- 物流服务 -->
                    <div class="clearfix relat">
                            <span class="fl">物流服务：</span>
                            <i class="fl star star-bg"></i>
                            <span class="fl fs">1.1</span>
                        </div>

                    <!-- 客户服务 -->
                    <div class="clearfix relat">
                            <span class="fl">客户服务：</span>
                            <i class="fl star star-bg"></i>
                            <span class="fl fs">1.1</span>
                        </div>

                    <!-- 累计评价 -->
                    <ul class="totE clearfix">
                        <li class="Etxt">累计评价</li>
                        <li class="Enum">{{evelnum}}</li>
                    </ul>
                </div>

                <!-- 配送地址 -->
                <div class="send">
                    <div class="wrapsend">
                        <span class="iblock v-a">
                                配 送 至：
                        </span>

                        <div class="v-a iblock ecg">
                            <a href="javascript:;" class="place v-a iblock">北京</a>

                            <div class="v-a iblock">
                                <span class="have">有货</span>
                            </div>

                        </div>

                    </div>
                </div>

                <!-- 选择规格 -->

                <div class="choose clearfix">
                    <span class="fl iblock v-a">选择规格：</span>

                    <div class="fl iblock v-a">
                        <ul>
                            {{each standard item}}
                            <li class="v-a iblock chooselist">
                                <a href="javascript:;" class="standard">{{item.s}}</a>
                            </li>
                            {{/each}}
                        </ul>
                    </div>
                </div>


                <!-- 选择样式 -->
                <div class="choose clearfix">
                        <span class="fl iblock v-a">选择样式：</span>
    
                        <div class="fl iblock v-a">
                            <ul>
                                {{each type item}}
                                <li class="v-a iblock chooselist">
                                    <a href="javascript:;" class="type">{{item.t}}</a>
                                </li>
                                {{/each}}
                            </ul>
                        </div>
                    </div>

                <!-- 选中信息 -->
                <div class="chinf">
                    <span class="v-a iblock">已选择：<span class='fr chooses' style="margin-left:0"> 选择规格 选择样式</span> <i class="s_txt"></i> <i class="t_txt"></i></span>
                </div>

                <!-- 选择数量 -->
                <div class="chooseNum clearfix">
                        <span class="v-a iblock fl">选择数量：</span>
                        <div class="fl iblock v-a">
                            <div class="clearfix fl">
                                <a href="javascript:;" class="sub sbtn fl iblock">-</a>
                                <input type="text" name="" id="" class="iblock fl in_txt" value='1'>
                                <a href="javascript:;" class="add abtn fl iblock">+</a>
                            </div>
                        </div>
                </div>

                <!-- 立即购买 加入购物车 -->
                <div class="buy_add">
                    <a href="javascript:;" class="buy iblock">立即购买</a>
                    <a href="javascript:;" id="add-shopcart" class="iblock add-shopcart">加入购物车</a>
                </div>

                <!-- 发送短信 -->
                <div class="message_exchange" id="smsCode" style="display: block;">
                    <strong>短信兑换：编辑短信内容 </strong>
                    发送短信兑换码 
                    <strong>DH566427</strong> 
                    到 10658999，可短信兑换此礼品(发送及接收短信免费)
                    <p class="sms-qr-wrap">短信直兑：
                        <img class="sms-qr-code" src="http://jf.10086.cn/pic/smsExgQRCode/DH566427.png">
                    打开手机扫一扫【二维码】点击发送即可兑换，赶快试一试
                    </p>
                </div>
            </div>

            <!-- 商品右边内容 -->
            <div class="fr product_content_r">

                    <div class="productdetail_content_r_01">
                            <div class="productdetail_tel">
                                 <a class="ydzy_bt text_m" href="javascript:void(0);">
    
                                     <img src="{{brandimg}}">
                                 
                                 </a>
                                
                                <div class="">
                                    <p>售后服务电话：4000 199 199 或 4008 81 4008 或 18326111295</p>
                                </div>
                                
                            </div>
                         </div>

                    <!-- 相似推荐 -->
                    <div class="similar_products clearfix">
                        <p class="similar_products_title"><span class="iblock">同类推荐</span></p>
                                  
                            {{each similar item}}

                            <div class="fl similar_products_list">
                                            <!-- 图片展示 -->
                                            <p class="similar_products_list_img text_m">
                                                <a class="dispalyblock" href="/html/detail.html" title="{{item.tit}}">
                                                <img width="88" height="88" src="{{item.img}}">
                                                </a>
                                                
                                            </p>

                                            <!-- 积分展示 -->
                                            <a class="dispalyblock" href="/html/detail.html" title="{{item.tit}}">
                                            <p class="similar_products_price">积分：<span>{{item.price}}</span></p>
                                            <i class="iblock goods-discout-icon1" style="display: none"></i>
                                            </a>
                            </div>

                            {{/each}}
                                
                                
                        </div>

            </div>

            <div class="bigImgbox fr">
                    <p class="clearfix destit">
                        <span class="fl block borderright ">礼品介绍</span>
                        <span class="fl block borderright ">礼品评价</span>
                        <span class="fl block borderright ">规格参数</span>
                        <span class="fl block borderright ">发货清单</span>
                        <span class="fl block  ">售后保障</span>
                    </p>
        
                    <div class="lpjs clearfix descontent">
                        <ul>
                            {{each big item}}
                            <li class="fl"><img src="{{item.img}}" alt=""></li>
                            {{/each}}
                        </ul>
                    </div>
        
                    <div class="lppj clearfix descontent">
                            <div class="fl ps_r_title_content_l">
                                    <ul class="evaluationCount fl">
                                        <li class="praise">好评度</li>
                                        <li id="praiseNum" class="praiseNum">{{good}}%</li>
                                        <li id="praisePeople" class="praisePeople">{{evemannum}}人参与</li>
                                    </ul>
                                    <div id="labelList" class="evaluationLable fl">
                                    </div>
                                </div>
                    </div>
        
                    <div class="ggcs clearfix descontent">
                            <div class="fl ps_r_title_content_l">
                                    <table class="normal" style="width:100%;">
                                              <tbody><tr>
                                                <th style="width:135px;text-align:center;">礼品概述</th>
                                                        <td style="text-align:left;text-indent:12px;">{{gs}}</td>
                                              </tr>
                                          
                                              <tr>
                                                <th style="width:135px;text-align:center;">礼品保修</th>
                                                        <td style="text-align:left;text-indent:12px;">{{bx}}</td>
                                              </tr>
                                          
                                    </tbody></table>
                                </div>
        
        
                    </div>
        
                    <div class="fhqd clearfix descontent">444444</div>
        
                    <div class="shbz clearfix descontent">555555</div>
                    
                    
                    
                </div>
        </div>
    </script>


    <div class="placelist">
            <div class="wraplist">
                <ul class="choosearea">
                    <li class="m5 still pro_"><span class="pr">省</span></li>
                    <li class="m5 city_"><span class="ci">市</span></li>
                    <li class="m5 area_"><span class="ar">区</span></li>
                </ul>
            </div>
            
            <ul class="m5 listplace" id="province">
                <li><span><a href="javascript:;"></a></span></li>
            </ul>

            <ul class="m5 listplace" id="city">
                <li><span><a href="javascript:;"></a></span></li>
            </ul>

            <ul class="m5 listplace" id="area">
                <li><span><a href="javascript:;"></a></span></li>
            </ul>


            
        </div>
        <div class="close"></div>


    <div class="foot"></div>
</body>

<script src="/libs/require/require.min.js" data-main="/js/detail.js"></script>

</html>